<template>
  <div class="cart-nav-bar">
    <nav-bar>
      <template #center>
        <p class="title">购物车</p>
      </template>
      <template #right>
        <p class="goods-count">共{{goodsCount}}件商品</p>
      </template>
    </nav-bar>
  </div>
</template>

<script>
  import NavBar from 'components/common/navbar/NavBar'
  export default {
    name: "CartNavBar",
    components: {NavBar},
    props: {
      goodsCount: {
        type: Number,
        default: 0,
      }
    }

  }
</script>

<style scoped>
  .cart-nav-bar {
    background-color: var(--color-tint);
    color: white;
  }

  .title {
    font-weight: bold;
    font-size: 18px;
  }

  .goods-count {
    margin-right: 10px;
  }

</style>